<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta id="viewport" name="Page-View-Size" content="1280*720" />
    <title>Document</title>
    <link rel="stylesheet" href="/css/epg.css">
  </head>
  <body>
    <h1>百途EPG测试入口</h1>
    <div id="content"></div>
    <div id="dialog"></div>
  </body>
</html>
<script src="/query.js"></script>
<script>
  $.bytueAjaxJspGet('/epg/getList', function (result) {
    var objResult = JSON.parse(result);
    console.log(objResult);
    var list = objResult.data;
    var fragment = document.createDocumentFragment();
    for (var index = 0; index < list.length; index++) {
      var item = $.createDom('a', {
        class: 'item',
        href: "http://" + list[index].pathAddress,
        tabindex: '1'
      }, $.createText(list[index].pathName));
      fragment.appendChild(item);
    }
    $.one('#content').appendChild(fragment);
  });
</script>
